//当点击侧栏标签时跳到对应标签的位置
function skipToLocation(id) {
	$('body,html').animate({
		scrollTop : $("#tagLocation" + id).offset().top
	}, 100);
}

$(function() {
	// 控制标签前面伪元素css的修改（jquery变量修改）
	var count = $("ul[id='tagsUl'] li:last").attr("id").replace(/[^0-9]/ig, "");
	for (var i = 1; i <= count; i++) {
		$(".ztbox li:nth-child(" + i + ")").attr('data-attr', i);
	}

	// 显示添加标签内容
	$("#addTag").click(function() {
		$("#tagContent").removeAttr("hidden");
		$("#ensureAdd").removeAttr("hidden");
	});
	
	// 显示删除标签内容
	$("#deleteTag").click(function() {
		$("#delete_tag").removeAttr("hidden");
		$("#ensureDelete").removeAttr("hidden");
	});

	// 当确认增加时
	$("#ensureAdd").click(function() {
		var content = $("#tagContent").val();
		if (!content) {
			// 要存入数据库的内容不能为空
			alert("不能为空!");
			return;
		}

		$("#tagContent").val("");
		$("#tagContent").attr("hidden", "hidden");
		$("#ensureAdd").attr("hidden", "hidden");
		
		var lastLi = $("ul[id='tagsUl'] li:last");
		var lastIdStr = lastLi.attr("id");
		// 使用正则表达式获取数字
		var lastId = lastIdStr.replace(/[^0-9]/ig, "");
		
		// 使两个数字相加
		var nextId = Number(lastId) + Number(1);

		$.post("addTag", {
			"tagContent" : content,
		}, function() {
			// lastLi.after("<li id='li_id" + nextId + "'><a href='#' >"
			// + content + "</a></li>");

			// // 伪元素的css的修改------没想出好的办法，只能直接在css里布置完(默认有11个)
			// lastLi.append("<style>.ztbox li:nth-child(" + nextId
			// + "):before { content: '" + nextId
			// + "'; }</style>");
			// 跳转到主页
			window.location.href = "";
		});

	});

	// 当确认删除时
	$("#ensureDelete").click(function() {
		var content = $("#delete_tag").val();
		if (!content) {
			// 要存入数据库的内容不能为空
			alert("要删除的标签id不能为空!");
			return;
		}

		$("#tagContent").val("");
		$("#tagContent").attr("hidden", "hidden");
		$("#ensureAdd").attr("hidden", "hidden");

	});

	// 搜索关键字时
	$("#search").click(function() {
		var content = $("#searchContent").val();
		if (!content) {
			// 提示输入的主题不能为空
			alert("你忘记输入东西了!");
			return;
		}
	});
	
	//返回主页
	$("#goToIndex").click(function(){
		window.location.href = "/myWeb";
	});

});
